<template>
  <h1>App 父组件</h1>
  <h2>{{ money }}</h2>
  <hr />
  <!-- 3. 父组件注册自定义事件，并绑定事件处理函数 -->
  <Son :money="money" :car="car" @spend="fn" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
import Son from './components/Son.vue'

const money = ref(1000)
const car = ref('五菱宏光')

// 4. 父组件事件处理函数的形参中，获取子组件传过来的数据
const fn = (x: number) => {
  money.value -= x
}
</script>
